<template>
  <div>

    <van-tabbar v-model="active"  @change="onChange">
      <van-tabbar-item name="leads" :to="`/dist/${customerUuid}/leads`" icon="home-o" badge="2">我的潜客</van-tabbar-item>
      <van-tabbar-item name="pool" :to="`/dist/${customerUuid}/pool`" icon="friends-o" badge="5">公海池</van-tabbar-item>
      <van-tabbar-item name="analysis" :to="`/dist/${customerUuid}/analysis`" icon="chart-trending-o">数据看板</van-tabbar-item>
      <van-tabbar-item name="tool" :to="`/dist/${customerUuid}/tool`" icon="apps-o">更多工具</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script setup>
import { ref } from 'vue'
import {useRoute, useRouter} from 'vue-router';
const route = useRoute();
const customerUuid = route.params.customerUuid;

// 在组件中获取路由对象
const router = useRouter();

// 获取当前页面的名称
const active = ref(router.currentRoute.value.name);
const onChange = ()=>{

}


</script>

<style scoped>

</style>
